<template>
    <div>
        <van-nav-bar title="购物车" left-text="返回" left-arrow @click-left="() => { $router.back() }" fixed />
<div style="height: 45px;"></div>
<van-swipe-cell>
 <van-card
  num="2"
  price="2.00"
  desc="描述信息"
  title="商品标题"
  thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
>
  <template #tags>
    <van-tag plain type="primary">标签</van-tag>
    <van-tag plain type="primary">标签</van-tag>
  </template>

</van-card>
  <template #right>
    <van-button square text="删除" type="danger" class="delete-button" @click="tel"/>
  </template>
</van-swipe-cell>

<van-submit-bar :price="3050" button-text="提交订单" @submit="onSubmit">
  <van-checkbox v-model="checked">全选</van-checkbox>
  <template #tip>
    你的收货地址不支持配送, <span @click="onClickLink">修改地址</span>
  </template>
</van-submit-bar>

    </div>
</template>

<script setup>
import { ref } from 'vue';
import { useRouter } from 'vue-router';

const router=useRouter()

const onSubmit=()=>{
router.push('/home/dd')
}
</script>


<style>
  .goods-card {
    margin: 0;
    background-color: rgb(241, 0, 0);
  }

  .delete-button {
    height: 100%;
  }
</style>